.J-modal {
    position: relative;
  
    .ant-modal-body {
      padding: 0;
    }
  
    .ant-modal-close {
      display: none !important;
    }
  
    .ant-modal-content {
      overflow: hidden;
      background: #fff;
      border-radius: 5px;
    }
    &-body {
      position: relative;
    }
    &-close-btn {
      position: absolute;
      top: 15px;
      right: 20px;
      z-index: 99;
      width: 20px;
      height: 20px;
      color: #a5a5a5;
      transition: all 0.3s;
      &:hover {
        transform: rotate(90deg);
      }
  
      &::before,
      &::after {
        position: absolute;
        top: 10px;
        width: 20px;
        height: 1px;
        background-color: currentColor;
        transform: rotate(-45deg);
        content: '';
      }
      &::after {
        transform: rotate(45deg);
      }
    }
    &-header {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 50px;
      padding: 0 40px;
      border-bottom: 1px solid #f1f2f4;
    }
  
    &-title {
      .text-overflow;
      color: @main_text_color;
      font-weight: 400;
      font-size: 18px;
      text-align: center;
    }
  
    &-footer {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px 0;
      .J-btn {
        min-width: 120px;
        height: 37px;
      }
      .J-btn + .J-btn {
        margin-left: 30px;
      }
    }
  
    &-container {
      position: relative;
      flex: 1 0 auto;
      width: 100%;
      min-width: 200px;
      min-height: 200px;
      max-height: 70vh;
      padding: 20px 20px 10px;
      overflow-x: hidden;
      overflow-y: visible;
      color: #989898;
      font-size: 16px;
      &::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        &-track {
          background: transparent;
          border-radius: 4px;
        }
        &-thumb {
          background: rgba(var(--brand), 0.5);
          border-radius: 4px;
        }
      }
    }
  }